<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    // 基本数据类型(值类型): string number boolean  null undefined 
    // 引用数据类型(引用类型): array object (除null以外的对象)

    // 基本数据类型(值类型) => 存储在栈内存中,一个萝卜一个坑
    // 引用数据类型(引用类型)  => 存储在堆内存当中(变量中存储的是对内存地址的引用)



    // 举例说明
    // var a = 1;  // a = 1
    // var b = a;  // b = 1
    // b = 2;  // b = 2
    // console.log(a, b);

    // var arr = [1, 2, 3];  //  arr = [1, 2, 3]
    // var brr = arr;  // brr = [1, 2, 3]
    // brr.push(4); // brr = [1, 2, 3, 4]
    // console.log(arr, brr); //  [1, 2, 3, 4]   [1, 2, 3, 4]


    var o1 = { x: 1, y: 2 };
    var o2 = o1;  // 浅复制 => o1对象引入地址 赋值给了 o2
    o2.x = 10;
    o2.y = 20;
    console.log(o1, o2);

    console.log(o1 === o2); // 两个变量 引用同一片内存空间 => 









</script>

</html>